<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>悠米官网</title>
    <link rel="stylesheet" href="/common/css/normallize.css" />
    <link rel="stylesheet" href="/common/css/common.css" />
    <link rel="stylesheet" href="/common/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="/page/index/css/index.css" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <style></style>
  </head>

  <body>
    <div class="header">
      <div class="top-logo">
        <h1 title="悠米官网">
          <a href="/"><img src="/common/img/logo.png" alt="" /></a>
        </h1>
      </div>
      <ul class="nav-bar">
        <li><a href="/" class="active">首页</a></li>
        <li><a href="/page/product">产品</a></li>
        <li><a href="/page/brand">品牌</a></li>
        <li><a href="/page/contact">联系我们</a></li>
      </ul>
      <div class="mb-header-right">
        <div class="right-top">
          <img src="/page/index/img/cartgary.png" alt="" />
        </div>
        <div class="close">
          <img src="/page/index/img/close.png" alt="" />
        </div>
      </div>
    </div>
    <ul class="nav-bar-main">
      <li>
        <a href="/"
          ><span>首页</span><img src="/page/index/img/redirect.png" alt=""
        /></a>
      </li>
      <li>
        <a href="/page/product/"
          ><span>产品</span><img src="/page/index/img/redirect.png" alt=""
        /></a>
      </li>
      <li>
        <a href="/page/brand/"
          ><span>品牌</span><img src="/page/index/img/redirect.png" alt=""
        /></a>
      </li>
      <li>
        <a href="/page/contact/"
          ><span>联系我们</span><img src="/page/index/img/redirect.png" alt=""
        /></a>
      </li>
    </ul>

    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="/page/index/img/banner.png" alt="" />
        </div>
        <div class="swiper-slide">
          <img src="/page/index/img/banner.png" alt="" />
        </div>
        <div class="swiper-slide">
          <img src="/page/index/img/banner.png" alt="" />
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>
    <div class="product">
      <div class="pro-text">
        <h4>产品</h4>
        <div>Product</div>
      </div>
      <div class="pro-swiper">
        <div class="pro-swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href="/page/product/"
                ><img src="/page/index/img/class33.png" alt=""
              /></a>
            </div>
            <div class="swiper-slide">
              <a href="/page/product/"
                ><img src="/page/index/img/class35.png" alt=""
              /></a>
            </div>
            <div class="swiper-slide">
              <a href="/page/product/"
                ><img src="/page/index/img/class34.png" alt=""
              /></a>
            </div>
            <div class="swiper-slide">
              <a href="/page/product/"
                ><img src="/page/index/img/class33.png" alt=""
              /></a>
            </div>
            <div class="swiper-slide">
              <a href="/page/product/"
                ><img src="/page/index/img/class35.png" alt=""
              /></a>
            </div>
          </div>
          <div class="pro-swiper-button-prev">
            <img src="/page/index/img/prev.png" alt="" />
          </div>
          <div class="pro-swiper-button-next">
            <img src="/page/index/img/next.png" alt="" />
          </div>
        </div>
      </div>
    </div>
    <div class="about">
      <div class="about-top w">
        <div class="about-logo">
          <img src="/common/img/middle-logo.png" alt="" />
        </div>
        <div class="top-text">
          <div>关于U&ME</div>
          <div>About Our Company</div>
        </div>
      </div>
      <div class="about-main w">
        <div class="main-left">
          <div>关于我们</div>
          <p>
            江苏悠米的十四眼镜有限公司成立于2015年11月。悠米光学秉承为广大消费者提供优质、专业的眼视光产品为宗旨。经过五年多的潜心发展
            ，不断提升公司产品品质与服务。
          </p>
          <div class="seemore">
            <a href="/page/contact/">
              <span>查看更多</span>
              <span><img src="./page/index/img/seemore.png" alt="" /></span>
            </a>
          </div>
        </div>
        <div class="main-right">
          <div>
            <img src="/page/index/img/product-1.png" alt="" />
          </div>
        </div>
      </div>
    </div>
    <div class="product">
      <div class="pro-text">
        <h4>品牌</h4>
        <div>Brand</div>
      </div>
      <div class="pro-main pc-block">
        <div class="item">
          <a href="/page/brand/"
            ><img src="/page/index/img/product-2.png" alt=""
          /></a>
          <div class="cloak">
            <div>悠米</div>
            <p>
              天然材质，超薄外观，收工制造，实用性与潮流美观并存。天然材质，超薄外观，收工制造，实用性与潮流美观并存。
            </p>
          </div>
        </div>
        <div class="item">
          <div class="cloak-center">
            <div>团队</div>
            <p>
              天然材质，超薄外观，收工制造，实用性与潮流美观并存。天然材质，超薄外观，收工制造，实用性与潮流美观并存。
            </p>
          </div>
          <a href="/page/brand/"
            ><img src="/page/index/img/product-4.png" alt=""
          /></a>
        </div>
        <div class="item">
          <a href="/page/brand/"
            ><img src="/page/brand/img/product-3.png" alt=""
          /></a>
          <div class="cloak">
            <div>特色</div>
            <p>
              独一无二的制造工艺，超薄的外观，同常规片相比，具有更好的清晰度。同渐进片相比，具有无像动无盲区的优点。佩戴更加舒适
            </p>
          </div>
        </div>
      </div>
      <div class="mb-pro-main mb-block">
        <div class="item">
          <a href="/page/brand/"
            ><img src="/page/index/img/product-2.png" alt=""
          /></a>
          <div class="cloak">
            <div>悠米</div>
            <p>
              天然材质，超薄外观，收工制造，实用性与潮流美观并存。天然材质，超薄外观，收工制造，实用性与潮流美观并存。
            </p>
          </div>
        </div>
        <div class="item">
          <div class="cloak-center">
            <div>团队</div>
            <p>
              天然材质，超薄外观，收工制造，实用性与潮流美观并存。天然材质，超薄外观，收工制造，实用性与潮流美观并存。
            </p>
          </div>
          <a href="/page/brand/"
            ><img src="/page/index/img/product-4.png" alt=""
          /></a>
        </div>
        <div class="item">
          <a href="/page/brand/"
            ><img src="/page/brand/img/product-3.png" alt=""
          /></a>
          <div class="cloak">
            <div>特色</div>
            <p>
              独一无二的制造工艺，超薄的外观，同常规片相比，具有更好的清晰度。同渐进片相比，具有无像动无盲区的优点。佩戴更加舒适
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="big-img">
      <img src="/page/index/img/screenshot.png" alt="" />
    </div>
    <div class="footer">
      <div class="siteinfo w">
        <div class="bottom-logo">
          <div class="bottom-logo-top">
            <h2>
              <a href="/" title="悠米官网"></a>
            </h2>
          </div>
          <div class="qr-code">
            <img src="/common/img/qr-code.png" alt="" />
            <div class="saoyisao">
              <div>扫一扫</div>
              <div>关注公众号</div>
            </div>
          </div>
        </div>
        <div class="message">
          <dl>
            <dt>U&M</dt>
            <dd><a href="/page/brand/">公司简介</a></dd>
            <dd><a href="/page/brand/">公司文化</a></dd>
            <dd><a href="/page/brand/">品牌管理</a></dd>
          </dl>
          <dl>
            <dt>产品</dt>
            <dd><a href="/page/product/">刀锋系列</a></dd>
            <dd><a href="/page/product/">防控系列</a></dd>
            <dd class="textover"><a href="/page/product/">自由曲面系列</a></dd>
          </dl>
          <dl>
            <dt>联系我们</dt>
            <dd><a href="/page/contact/">联系电话</a></dd>
            <dd><a href="/page/contact/">公司住址</a></dd>
            <dd><a href="/page/contact/">公司电话</a></dd>
          </dl>
        </div>
      </div>
    </div>
    <div class="copyright">
      <div>
        <p>版权归丹阳悠米有限公司所有</p>
      </div>
    </div>
  </body>
  <script src="/common/js/swiper-bundle.min.js"></script>
  <script src="/common/js/common.js"></script>
  <script src="/page/index/js/index.js"></script>
</html>
